page {
  background: #f5f5f5;
}
// 购物车列表
.cart-list {
  padding: 20rpx 20rpx 50px 20rpx;
}

.cart-item {
  background: #fff;
  border-radius: 12rpx;
  display: flex;
  align-items: center;
  padding: 30rpx 16rpx;
  margin-bottom: 24rpx;

  .item-radio {
    width: 56rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin-right: 10rpx;
    text-align: center;

    .radio {
      transform: scale(0.76);
    }
  }

  .goods-image {
    width: 200rpx;
    height: 200rpx;

    .image {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 8rpx;
    }
  }

  .item-content {
    flex: 1;
    padding-left: 24rpx;

    .goods-title {
      font-size: 28rpx;
      max-height: 76rpx;
    }

    .goods-props {
      margin-top: 14rpx;
      height: 40rpx;
      color: #ababab;
      font-size: 24rpx;
      overflow: hidden;

      .goods-props-item {
        display: inline-block;
        margin-right: 14rpx;
        padding: 4rpx 16rpx;
        border-radius: 12rpx;
        background-color: #f5f5f5;
        width: auto;
      }
    }

    .item-foot {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20rpx;

      .goods-price {
        vertical-align: bottom;
        color: #ee0a24;

        .unit {
          font-size: 24rpx;
        }

        .value {
          font-size: 32rpx;
        }
      }

      // 库存不足
      .stock-none {
        font-size: 26rpx;
        color: #999;
      }
    }
  }
}

.delete-btn {
  background-color: #ee0a24;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 65px;
}

// 空数据按钮
.empty-ipt {
  width: 220rpx;
  margin: 0 auto;
  font-size: 32rpx;
  height: 64rpx;
  line-height: 64rpx;
  text-align: center;
  color: #fff;
  border-radius: 50rpx;
  background: linear-gradient(to right, #f9211c, #ff6335);
}

// 底部操作栏
.footer-fixed {
  display: flex;
  align-items: center;
  height: 96rpx;
  background: #fff;
  padding: 0 30rpx;
  position: fixed;
  bottom: var(--window-bottom);
  left: 0;
  right: 0;
  z-index: 11;

  .all-radio {
    width: 140rpx;
    display: flex;
    align-items: center;

    .radio {
      margin-bottom: -4rpx;
      transform: scale(0.76);
    }
  }

  .total-info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30rpx;

    .goods-price {
      vertical-align: bottom;
      color: #fa2209;

      .unit {
        font-size: 24rpx;
      }

      .value {
        font-size: 32rpx;
      }
    }
  }

  .cart-action {
    width: 200rpx;

    .btn-wrapper {
      height: 100%;
      display: flex;
      align-items: center;
    }

    .btn-item {
      flex: 1;
      font-size: 28rpx;
      height: 72rpx;
      line-height: 72rpx;
      text-align: center;
      color: #fff;
      border-radius: 50rpx;
    }

    // 立即购买按钮
    .btn-main {
      background: linear-gradient(to right, #f9211c, #ff6335);

      // 禁用按钮
      &.disabled {
        background: #ff9779;
      }
    }
  }
}
